
import React, { Component } from 'react'

import {NavLink,Outlet} from 'react-router-dom'

import style from './css/Film.module.css'

console.log(style)
export default class Films extends Component {
    computeClassName=({isActive})=>{
      return isActive?"":style.active
    }
    render() {
        return (
            <div className={style.film+" aaaa"}>
                <div style={{height:"200px",background:"yellow"}}>大轮播</div>
                <ul>
                    <li>
                        <NavLink to="/films" className={this.computeClassName}>正在热映</NavLink>
                    </li>
                    <li>
                        <NavLink to="/films/comingsoon" className={this.computeClassName}>即将上映</NavLink>
                    </li>
                </ul>
                <Outlet/>
                {/* 路由配置 嵌套路由 */}
            {/* <Nowplaying/>
                <BrowserRouter>
                    <Routes>
                    
                    </Routes>
                </BrowserRouter> */}

            </div>
        )
    }
}
